<template>
     <div class="newshop">
         <h3>新品首发</h3>
         <ul>
             <li v-for="item in Narr" :key="item.id" >
                <img v-lazy="item.list_pic_url">
                <p>{{item.name}}</p>
                <span>{{item.retail_price | setColor}}</span>
             </li>
         </ul>
     </div>
</template>

<script>
export default {
   props:["Narr"]
}
</script>

<style lang="less" scoped>
      .newshop{width: 100%;
          h3{width: 100%; height: 40PX; line-height: 40PX;text-align: center;}
          ul{width: 100%; display: flex; flex-wrap: wrap;
             justify-content: space-between;
             li{
                width: 49%;
                position: relative;
                img{width: 100%;}
                p{position: absolute;top:10PX;left:20PX;
                  font-size:16PX;
                 }
                span{position: absolute;top:50PX;left:20PX;
                  font-size:16PX;color: red;
                 }
             }
              
            }
      } 

</style>